/*************************************************space-index***/

#outerbox {width: 970px;margin:auto;}
.float_left {margin:0 0 0 34px;}
.float_center {margin:auto;}
#hd,#wrap,#footer, .wrap { margin: 0 aucoto; }
#wrap { min-height:320px;}
#hd {margin-top:34px; position:relative; height:150px; text-align:center; line-height:100px; z-index:10;}
#footer { height:100px; line-height:100px; width: 970px; border:0;}
#widgets { position:relative; z-index:20; overflow:visible;}
.float_item { position:absolute; z-index:25;}
#nav { border:1px solid #09f; min-height:30px; line-height:28px;}
#nav ul li { float:left; margin:1px 2px;}
.op {position:absolute; right:10px; bottom:10px;}
.op a {display:inline; margin-left:2px; line-height:22px;}
#space_page { width: 100%; overflow: hidden; }

#left { float: left; margin: 0 15px 0 0; width: 190px; overflow: hidden; border:0px solid #09f;}
#center { float: left; margin: 0 15px 0 0; width: 560px; border:0px solid #ccc;}
#right { float: left; width: 180px; border:0px solid #f9f;}

.frame,.tab,.block {position:relative; zoom:1; min-height:20px;}
.move-span {margin:1px;}
.area { background:#80C688; margin-top:3px;}
.frame,.tab { min-height:50px; border:2px dashed #09f; background:#B8CCE4; margin:4px 2px;}
.tab { border:2px dashed #ff9;}
.tab .title .move-span { cursor:pointer; float:left; width:100px;}
.tab .title .titletext {float:left; margin:2px;}
.tab .title ul li { float:left; margin:2px; cursor:pointer; border:1px solid #90f;}
.tab .tabcontent { width:98%; border:1px solid #09f; margin:3px; float:left;}
.tabactivity { background:#ffffff;}
.column,.titletext { float:left;}
.title .tmpbox { float:left;}
.subtitle {margin:4px;}
.frame_title {width:100%; float:left; margin:2px; background:#f90;}
.tab_title {width:100%; float:left; margin:2px; background:#ea0;}
.block{ margin:4px 2px; border:1px solid #09f; background:#eee;}
.block .blocktitle { background:#ddd; width:100%; height:25px; font-size:12px; line-height:25px;}
.block .blockname { font-weight:bold; margin-left:5px; float:left;}
.block .blockedit { margin-right:5px; float:right; text-decoration:underline; cursor: pointer;}
.block ul {margin-left:10px;}
.content {float:left;}
.edit {position:absolute; top:2px;right:6px; z-index:650; cursor:pointer;}
.edit-menu { position:absolute;border:1px solid #09f; background:#fff;}
.col3 { width:33%;}
.col6 { width:66%;}
.col10 { width:100%;}
.mitem { min-width: 30px; line-height:20px;border-bottom:1px #09f solid; cursor:pointer;}
.mitem:hover {background:#f90}

.float_ctrl { width:100%; height:30px; background:#eee;}
.moving {background:#4ef; position:absolute;}
.tmpbox { margin:4px 0; border:1px dashed #aaa; background:#eee;}
.temp {height:0;border:0;}
.hide {display:none}
.left {float:left;}
.right {float:right;}
.pointer { cursor:pointer;}
.m_left_40 {margin-left:40px;}
#toolbarroot {top: 0pt; left: 0pt; width: 100%; z-index: 9000; position: fixed; height: 30px;}
#toolbardiv { min-width:980px; height:27px; line-height:27px; padding:1px; border-bottom:1px solid #ccc; background:#eee;}
#togglediv { width:22px; height:22px; border:1px solid #09f; position:absolute; right:5px; top:3px; z-index:9998; cursor:pointer; text-align:center;}
#controlpanel {width:100%;height:254px; background:#eee;}
#controlheader { height:30px; border:1px solid #08f; padding:0px;}
#controlheader span { min-width:50px; float:left; line-height:27px; margin:1px 4px;}
#controlcontent .content {width:500px;height:200px; overflow-y:auto;}
#controlcontent .content li {float:left; width:120px; line-height:50px; margin:1px; border:1px solid #09f;}
#controlcontent .blocks li { position:relative;}
#controlcontent .blocks li label { width:120px; height:50px; cursor:pointer; display:block;}
#controlcontent .blocks li input { position:absolute; bottom:2px; right: 2px;} 
.current {background:#fff;} 
.activity {background:#fff;}
#currentlayout { color:#f04;}
dl.diy {width:700px;}
dl.diy dt { height:30px; line-height:30px; background-color:#ff9;}
dl.diy dd { height:186px; background-color:#0f9;}

#positiontable { width:100%;height:100%;background:#eeeeee;}
#positiontable li{ float:left; width:14px; height:14px; border:1px solid #44ee22; cursor:pointer; margin:1px; padding:0;}
.red{ background-color:red;}
.color_diy { width:310px; float:left; overflow:visible;}
.color_diy .span { float:left; display:inline; line-height:24px;}

.td_right { float:left; display:block; line-height:22px;}
.rb {border:2px solid #ff0000;}
#imagebody{ height: 186px; overflow: scroll;}
.thumb {width: 80px; height: 50px; float:left; margin:3px; display: block;}
.thumb img {max-width: 80px; max-height: 50px; border: 1px solid #09f;}
.colorwd {width:22px; height: 22px;}
/*************************************************space-index***/
